<template>
	<fui-list-cell :padding="['30rpx', '30rpx']" @click="emits('click', $event)" v-bind="$attrs" :highlight="isHighlight">
		<text class="cell_title">{{ lable }}</text>
		
		<slot>
			<text class="fui-text__explain cell_right-text" v-if="rightText.toString()">{{ rightText }}</text>
			<view class="cell_tip" v-else>暂无</view>
		</slot>
	</fui-list-cell>
</template>

<script setup>
	
	let props = defineProps({
		lable: {
			type: [String, Number],
			default: ''
		},
		rightText: {
			type: [String, Number],
			default: ''
		},
		isHighlight: {
			type: Boolean,
			default: false
		}
	})
	
	let emits = defineEmits(['click'])
	
</script>

<style scoped lang="scss">
	.cell_right-text{color: #626780}
	.cell_tip{color: #999999}
	.cell_title{color: #3A3F5E}
</style>